<template>
	<view class="viewbox auto d-flex f-wrap a-center j-sa m-bot30 m-top10" v-if="pageData">
		<view class="Nav m-top30 d-flex f-column a-center" v-for="(item,index) in pageData.list" :key="index"
			@click="PageUrl(item)">
			<image :src="imgUrls(item.classify_img)" mode="aspectFill" class="Icon"></image>
			<text class="size28 color_33 m-top10">{{item.classify_name}}</text>
		</view>

	</view>
</template>

<script setup>
	import { defineProps, inject } from 'vue';
	const props = defineProps(['pageData']);
	const { PageUrl } = inject('common');
	const { imgUrls } = inject('Utils');
</script>

<style lang="scss" scoped>
	.Nav {
		width: 25%;
	}

	.Icon {
		width: 88rpx;
		height: 88rpx;
	}
</style>